@charse "utf-8";

/*===== 重置样式 =====*/
*{
	margin:0;
	padding:0;
	border:0 none;
	background:transparent;
	vertical-align:baseline;
}

html,body{
	-webkit-text-size-adjust:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout:none;
	word-break:break-word;
}
body{-webkit-perspective:800;}

body>*{
	/* 使用translate3D时加下面2个属性可缓解页面跳动问题 */
	-webkit-backface-visibility:hidden;
	-webkit-transform:translate3d(0,0,0) rotate(0) scale(1);
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
li{list-style:none;}

input,select,textarea{
	-webkit-user-select:auto;
	-webkit-appearance:none;
}

body,input,button,select,textarea,table{
	font:14px/1.5 Helvetica,Arial,sans-serif;
}

body{
	background:#F3F3F3 url("") repeat-x 0 0;
	text-shadow:0 0 1px rgba(204,204,204,0.4);
	color:#666;
}

a{
	color:#666;
	text-decoration:none;
}

img{-webkit-border-radius:2px; background-color:#DDD;}

/*========== 布局类 ==========*/
	html,body{overflow:hidden; width:100%; height:100%;}

	.ui-mobile [data-role=page],
	.ui-mobile [data-role=dialog],
	.ui-mobile .ui-page{display:none; position:absolute; left:0; top:0; width:100%;}
	.ui-mobile .ui-page-active{display:block;}

	.pop_mask{position:absolute; z-index:99; left:0; top:44px; bottom:50px; width:100%; background-color:rgba(0,0,0,0.4);}

	.nav_gb{position:absolute; z-index:999; left:0; bottom:0; width:100%;}
	.main_gb{bottom:50px; min-height:0!important;}
		.main_gb header,
		.main_gb section{overflow:hidden; position:absolute; left:0; top:0; width:100%;}
			.main_hd,
			.main_bd{overflow:hidden; position:absolute; left:0; width:100%;}
			.main_hd{
				z-index:2;
				top:0;
				height:40px;
				background:-webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(0%,#DDD),
					color-stop(1%,#FFF),
					color-stop(97%,#E2E2E2),
					color-stop(98%,#FFF),
					color-stop(99%,#BFBFBF),
					color-stop(100%,#FFF)
				);
			}
			.main_bd{top:40px; bottom:0;}

		.main_gb section{overflow:hidden; top:44px; bottom:0;}
		.main_gb .inner{padding:10px;}

/*===== 页面间切换动画 =====*/
	.in,.out{
		-webkit-animation-timing-function:ease-in-out;
		-webkit-animation-duration:400ms;
		-webkit-animation-delay:0;
	}

	.slide.in{
		-webkit-transform:translateX(0);
		-webkit-animation-name:slideinfromright;
	}

	.slide.out{
		-webkit-transform:translateX(-100%);
		-webkit-animation-name:slideouttoleft;
	}

	.slide.in.reverse{
		-webkit-transform:translateX(0);
		-webkit-animation-name:slideinfromleft;
	}

	.slide.out.reverse{
		-webkit-transform:translateX(100%);
		-webkit-animation-name:slideouttoright;
	}

	@-webkit-keyframes slideinfromright{
		from{-webkit-transform:translateX(100%);}
		to{-webkit-transform:translateX(0);}
	}

	@-webkit-keyframes slideinfromleft{
		from{-webkit-transform:translateX(-100%);}
		to{-webkit-transform:translateX(0);}
	}

	@-webkit-keyframes slideouttoleft{
		from{-webkit-transform:translateX(0); opacity:1;}
		to{-webkit-transform:translateX(-100%); opacity:0;}
	}

	@-webkit-keyframes slideouttoright{
		from{-webkit-transform:translateX(0); opacity:1;}
		to{-webkit-transform:translateX(100%); opacity:0;}
	}

/*===== 通用组件 =====*/
	/*===== 常用接口 =====*/
		.tit{
			padding:10px 0;
			font-size:14px;
			color:#333;
		}
		.box_1{
			-webkit-border-radius:3px;
			border:1px solid #CCC;
			background-color:#FFF;
		}
		.c1{color:#999!important;}
		.c2{color:#D8275B!important;}

	/*===== 按钮 =====*/
		.btn_1{
			display:block;
			width:100%;
			height:28px;
			-webkit-border-radius:3px;
			border:1px solid #BB0C0C;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#f977b5),
				color-stop(2%,#f44a7c),
				color-stop(98%,#da295d),
				color-stop(100%,#e7377f)
			);
			line-height:28px;
			text-align:center;
			font-weight:bold;
			color:#FFF;
		}
		.btn_1:hover{
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#e7377f),
				color-stop(2%,#da295d),
				color-stop(98%,#f44a7c),
				color-stop(100%,#f977b5)
			);
		}

		.btn_2{
			position:absolute;
			right:10px;
			top:8px;
			padding:0 10px;
			height:27px;
			-webkit-border-radius:5px;
			border:1px solid rgba(0,0,0,0.4);
			line-height:27px;
			font-size:12px;
			color:#FFF;
		}

		.back{
			position:absolute;
			z-index:999;
			left:5px;
			top:1px;
			padding-left:15px;
			height:44px;
			font-size:12px;
		}
		.back i,
		.back span{border:1px solid rgba(0,0,0,0.4);}

		.back i{
			position:absolute;
			left:7px;
			top:12px;
			width:18px;
			height:18px;
			-webkit-border-radius:0 0 0 3px;
			border-right:none;
			border-top:none;
			-webkit-transform:rotate(45deg);
		}
		.back span{
			display:block;
			position:relative;
			top:7px;
			padding:0 8px 0 4px;
			height:27px;
			border-left:none;
			-webkit-border-radius:5px;
			line-height:27px;
			color:#FFF;
		}

		.btn_change_city{
			position:absolute;
			right:10px;
			top:8px;
			padding:0 10px;
			height:27px;
			-webkit-border-radius:5px;
			border:1px solid rgba(0,0,0,0.4);
			background-color:rgba(0,0,0,0.2);
			line-height:27px;
			font-size:12px;
			color:#FFF;
		}
	
	/*===== 头部 =====*/
		header{
			position:relative;
			height:44px;
			line-height:44px;
			text-align:center;
			color:#FFF;
		}
		header h1{font-size:20px;}

	/*===== 底部 =====*/
		.nav_gb{
			display:-webkit-box;
			-webkit-box-orient:horizontal;
			height:50px;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(1%,#BB4E6C),
				color-stop(2%,#CE2B59),
				color-stop(50%,#C2234F),
				color-stop(51%,#C01947),
				color-stop(100%,#B4113D)
			);
			text-align:center;
			font-size:12px;
		}
		.nav_gb a{
			overflow:hidden;
			display:block;
			-webkit-box-flex:1;
			margin:3px;
			height:44px;
			color:#FFF;
		}
		.nav_gb a.current{
			-webkit-border-radius:3px;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#E14E78),
				color-stop(50%,#D8446D),
				color-stop(51%,#D63B66),
				color-stop(100%,#CC305B)
			);
		}
		.nav_gb i{
			display:block;
			margin:4px auto 1px;
			width:20px;
			height:20px;
			background:url("") no-repeat 0 0;
			background-size:60px 40px;
		}
		@media screen and (-webkit-min-device-pixel-ratio:2){
			.nav_gb i{
				background-image:url("");
			}
		}
		.nav_gb a:nth-child(2) i{background-position:-20px 0;}
		.nav_gb a:nth-child(3) i{background-position:-40px 0;}
		.nav_gb a.current:nth-child(1) i{background-position:0 -20px;}
		.nav_gb a.current:nth-child(2) i{background-position:-20px -20px;}
		.nav_gb a.current:nth-child(3) i{background-position:-40px -20px;}


	/*===== 加载提示 =====*/
		.ui-loader{
			display:none;
			position:absolute;
			z-index:100;
			left:50%;
			top:50%;
			margin:-16px 0 0 -50px;
			width:100px;
			text-align:center;
			color:#FFF;
		}
		.ui-loader .ui-icon{
			display:block;
			margin:0 auto -5px;
			width:32px;
			height:32px;
		}
		.ui-loader h1{font-size:12px;}
		.ui-loading .ui-loader{display:block;}

	/*===== 下拉框 =====*/
		.sel_list{margin-top:5px; padding:0 10px;}
		.sel_ui{
			display:inline-block;
			width:90px;
			-webkit-border-radius:3px;
			border:1px solid #E8CFA2;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#FFF7E9),
				color-stop(100%,#F4DEB7)
			);
			-webkit-box-shadow:0 1px 1px rgba(255,255,255,1);
		}
		.sel_ui select{
			display:block;
			width:100%;
			height:28px;
			border:0 none;
			background:url("") no-repeat 90% 50%;
			line-height:28px;
			text-indent:10px;
			font-size:12px;
			color:#784D00;
		}
		.sel_ui:hover{
			border-color:#E5B650;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#F2BF53),
				color-stop(100%,#E18F0F)
			);
		}
		.sel_ui:hover select{
			background-image:url("");
			color:#FFFFFF!important;
		}
			.sel_order{
				position:absolute;
				right:10px;
				width:80px;
			}

	/*===== 选项卡 =====*/
		.tabs{
			display:-webkit-box;
			-webkit-box-orient:horizontal;
			-webkit-border-radius:3px;
			border:1px solid #E8CFA2;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#fff7e9),
				color-stop(100%,#f4deb7)
			);
			-webkit-box-shadow:0 1px 1px rgba(255,255,255,1);
			font-size:12px;
			text-align:center;
		}
		.tabs li{-webkit-box-flex:1;}
		.tabs a{
			display:block;
			height:28px;
			line-height:28px;
		}
		.tabs a.current{
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#f2bf53),
				color-stop(100%,#e18f0f)
			);
			color:#FFF;
		}


	/*===== 列表 =====*/
		.list_1 .ui-btn-active,
		.list_2 .ui-btn-active{background-color:#FFF0AE;}

		.list_1{-webkit-border-radius:3px;}
		.list_1 li{
			position:relative;
			border-bottom:1px solid #E7E7E7;
		}
		
		.list_1 li:last-child{border-bottom:none;}
		.list_1 a{overflow:hidden; display:block; padding:10px 50px 10px 10px;}
		.list_1 s{
			position:absolute;
			top:50%;
			right:10px;
			margin-top:-3px;
			width:6px;
			height:7px;
			background-image:url("");
		}

		.list_2{margin-top:-10px;}
		.list_2 li{
			position:relative;
			margin:0 -10px;
			border-top:1px solid #FFF;
			border-bottom:1px solid #E7E7E7;
		}
		.list_2 li:first-child{border-top:none;}
		.list_2 li:last-child{border-bottom:none;}
		.list_2 a{
			display:-webkit-box;
			-webkit-box-orient:horizontal;
			min-height:70px;
			padding:10px;
		}
		.list_2 img{width:100px; height:70px;}
		.list_2 .info{-webkit-box-flex:1; margin:-4px 0 0 10px;}
		.list_2 .info h2{font-size:14px;}
		.list_2 .info span{margin-right:10px;}
		.ico_h,
		.ico_n{display:inline-block; width:20px; height:9px;}
		.ico_h{background:url("") no-repeat 0 0;}
		.ico_n{background:url("") no-repeat 0 0;}
	
	/*===== 视图切换 =====*/
		.change_view_1,
		.change_view_2{
			overflow:hidden;
			position:absolute;
			right:10px;
			top:9px;
			width:56px;
			height:29px;
			background:url("") no-repeat 0 0;
			line-height:100px;
			background-size:54px 56px;
		}
		.change_view_2{background-position:0 -29px;}

		@media screen and (-webkit-min-device-pixel-ratio:2){
			.change_view_1,
			.change_view_2{
				background-image:url("");
			}
		}

/*===== 今日团购 =====*/
	.more_pics{overflow:hidden; position:relative; margin:auto; width:300px; height:150px;}
	.more_pics .photos ul{
		display:-webkit-box;
		-webkit-box-orient:horizontal;
		width:1500px;
	}
	.more_pics .photos li{position:relative; -webkit-box-flex:1; width:300px;}
	.more_pics .photos img{width:300px; height:150px; -webkit-transform:translateZ(0);}

	.more_pics .numbers{position:absolute; left:0; bottom:2px; width:100%; text-align:center;}
	.more_pics .numbers li{overflow:hidden; display:inline-block; margin:0 2px; width:8px; height:8px; -webkit-border-radius:4px; background-color:#FFF; line-height:30px;}
	.more_pics .numbers li.c{background-color:#D8275B;}

	/*===== 团购详情 =====*/
		.this_tuan .main_hd p{padding-left:10px; line-height:40px;}
		.this_tuan .main_hd a{position:absolute; right:10px; top:5px; width:60px;}

		.this_tuan .main_bd h2{line-height:22px; font-size:14px;}
			.tuan_attr{margin-top:10px;}
			.tuan_attr_photo{position:relative; padding:10px; border-bottom:1px solid #EDEDED;}
			.tuan_attr_photo img{width:170px; height:115px;}
			.tuan_attr_photo .price_1{position:absolute; left:185px; bottom:50px; width:112px; font-size:20px; text-align:center;}
			.tuan_attr_photo .price_1 i{font-size:14px; font-style:normal;}

			.tuan_attr_info{
				padding:5px 10px;
				border-top:1px solid #FCFCFC;
				background-color:#F5F5F5;
			}
			.tuan_attr_info ul{
				display:-webkit-box;
				-webkit-box-orient:horizontal;
				text-align:center;
			}
			.tuan_attr_info li{-webkit-box-flex:1;}
			.tuan_attr_info li:nth-child(1){text-align:left;}
			.tuan_attr_info li span,
			.tuan_attr_info li del{display:block;}

		.this_tuan .list_1{margin-top:10px;}
		.this_tuan .info_lite{padding:10px;}
		.this_tuan .info_lite *{font-size:14px!important; color:#666!important;}

		.tuan_detail img{margin:auto; width:300px;}
		.tuan_detail p{padding:10px 0;}

/*===== 我的团购 =====*/
	/*===== 登录 =====*/
	.login{margin:15px 20px 0; font-size:18px;}

		.login ul{
			-webkit-border-radius:5px;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#FFFEFE),
				color-stop(100%,#DFDEDC)
			);
		}
		.login li{
			overflow:hidden;
			position:relative;
			padding:0 10px 0 100px;
			height:44px;
			border-bottom:1px solid #B9B9B9;
			line-height:44px;
		}
		.login li:last-child{
			border-top:1px solid #FBF7F5;
			border-bottom:none;
		}
		.login li span{
			position:absolute;
			left:0;
			top:0;
			width:100px;
			font-weight:bold;
			text-align:right;
		}
		.login li input{
			display:block;
			margin-top:7px;
			width:100%;
			height:30px;
			border:0 none;
			background:none;
			line-height:30px;
			font-size:18px;
		}

		.login p{margin:15px 0;}
		.login p a{
			height:35px;
			line-height:35px;
			font-weight:bold;
			font-size:18px;
		}

		.login label{
			position:absolute;
			height:20px;
			font-weight:bold;
			line-height:20px;
		}
		.login label:first-child{left:0px;}
		.login label:last-child{right:20px;}
		.login input{
			overflow:hidden;
			margin:0;
			padding:0;
			width:20px;
			height:20px;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#FFFEFE),
				color-stop(100%,#DFDEDC)
			);
		}
		.login input:checked{
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(1%,#BB4E6C),
				color-stop(2%,#CE2B59),
				color-stop(50%,#C2234F),
				color-stop(51%,#C01947),
				color-stop(100%,#B4113D)
			);
		}

	.ipt_vbox_code{height:40px; line-height:40px; vertical-align:top;}

	/*===== 我的订单 =====*/
	.user_info{margin-bottom:10px; padding:5px 10px; line-height:24px;}
	.user_info p:nth-child(1){font-size:14px;}

	.my_orders .tabs{margin-bottom:-1px; border-bottom:none; -webkit-border-radius:3px 3px 0 0;}
	.my_orders .list_2{border-top:none;}
	.my_orders ul{margin-top:0;}
	.my_orders li{margin:0;}

	.order_detail{margin-bottom:10px;}
	.order_detail p{padding:10px; font-weight:bold;}
	.order_detail ul{padding:10px 10px 0; border-top:1px solid #E7E7E7; line-height:2;}
	.order_detail table{margin:0 10px; text-align:center; line-height:2;}
	.order_detail table caption{text-align:left;}
	.order_detail table td{padding-right:20px;}

	/*===== 城市切换 =====*/
	.choose_city li{
		display:inline-block;
		border:1px solid #D7D7D7;
		border-top:none;
		background-color:#FFF;
	}
	.choose_city li:last-child{border-bottom:1px solid #D7D7D7;}
	.choose_city li:nth-child(1){border-top:1px solid #D7D7D7;}
	.choose_city li:nth-child(2){border-top:1px solid #D7D7D7;}
	.choose_city li:nth-child(3){border-top:1px solid #D7D7D7;}

	/*===== 确认订单 =====*/
	.pay .list_2{margin:-10px -10px 0; border-bottom:1px solid #DDD; background-color:#FFF;}
		.pay_confirm ul{padding:5px 10px;}
		.pay_confirm li{padding:5px 0;}
		.pay_confirm li span{display:inline-block; width:70px; text-align:right;}
		.pay_confirm input{
			padding:3px;
			border:1px solid #CCC;
			-webkit-border-radius:3px;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#F7F7F7),
				color-stop(0%,#F2F2F2),
				color-stop(10%,#FFFFFF),
				color-stop(100%,#FFFFFF)
			);
		}
		.pay .btns_op{padding:10px 0; text-align:center;}
		.pay .btns_op span{font-size:20px;}
		.pay .btns_op a{margin:10px auto 0; width:50%;}
	
	/*===== 账户设置 =====*/
	.my_setting span{position:absolute; right:30px; top:10px;}
	.my_setting ul{margin-bottom:10px;}

/*===== iscroll样式 =====*/
	.iScrollPullDown,
	.iScrollPullUp{
		visibility:hidden;
		height:36px;
		line-height:36px;
		padding:10px 0;
		font-size:12px;
		color:#999;
		text-align:center;
		-webkit-transform:translate3d(0,0,0);
		visibility:hidden;
	}

		.iScrollPullDownIcon,
		.iScrollPullUpIcon{
			overflow:hidden;
			display:inline-block;
			width:40px;
			height:40px;
			background:url("") no-repeat 0 0;
			background-size:40px 80px;
			vertical-align:middle;
			-webkit-transition-property:-webkit-transform;
			-webkit-transition-duration:250ms;
			-webkit-transform:rotate(0);
		}

		.iScrollPullDown.flip .iScrollPullDownIcon{
			-webkit-transform:rotate(-180deg);
		}

			.iScrollPullDown.loading,
			.iScrollPullUp.loading{
				visibility:hidden !important;
			}

			.iScrollPullDown.loading .iScrollPullDownIcon,
			.iScrollPullUp.loading .iScrollPullUpIcon {
				background-position:0 100%;
				-webkit-animation-name:loading;
				-webkit-animation-duration:1.5s;
				-webkit-animation-iteration-count:infinite;
				-webkit-animation-timing-function:linear;
			}

			.iScrollPullUpIcon{
				-webkit-transform:rotate(-180deg);
			}
			.iScrollPullUp.flip .iScrollPullUpIcon{
				-webkit-transform:rotate(0);
			}

			@-webkit-keyframes loading{
				from{-webkit-transform:rotate(0deg);}
				to{-webkit-transform:rotate(360deg);}
			}

		@media screen and (-webkit-min-device-pixel-ratio:2){
			.iScrollPullDownIcon,
			.iScrollPullUpIcon{
				background-image:url("");
			}
		}



/*===== 对话框样式 =====*/
.ui-overlay {
	background: #666;
	opacity: .5;
	filter: Alpha(Opacity=50);
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	width: 100%;
	height: 100%;
}
.ui-overlay-shadow {
	-moz-box-shadow: 0px 0px 12px 			rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 0px 12px 		rgba(0,0,0,.6);
	box-shadow: 0px 0px 12px 				rgba(0,0,0,.6);
}
.ui-dialog{bottom:0;}
.ui-mobile .ui-dialog-active{z-index:1000;display:block;}
.ui-dialog header,.ui-dialog section{margin:15px;z-index:2;}
.ui-dialog section{margin-top:-15px;}
.ui-dialog header,.ui-dialog .back{height:30px;line-height:30px;}
.ui-dialog header {
	height:30px;
	margin-top:30%;
	border: 1px solid 		#ccc;
	background: 			#bbb;
	color: 					#333;
	background-image: -moz-linear-gradient(top, 
							#ddd, 
							#bbb);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ddd),
		color-stop(1, 		#bbb));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
}
.ui-dialog .back{padding-left:13px;}
.ui-dialog .back i{top:6px;width:16px;height:16px;}
.ui-dialog .back span{top:2px;height:23px;line-height:23px;color:#666;}
.ui-dialog h1{font-size:16px;}
.ui-dialog section {
	color: 					#333333;
	text-shadow: 0 1px 0 	#fff;
	background: 			#f0f0f0;
	padding:15px;
	position:relative;
}
.ui-dialog .btn_2{
	height:28px;
	line-height:28px;
}
	.ui-dialog-ft{
		margin-top:8px;
	}
.ui-corner-top {
	-moz--webkit-border-radius-topleft: 		.6em;
	-webkit-border-top-left-radius: 	.6em;
	border-top-left-radius: 			.6em;
	-moz--webkit-border-radius-topright: 		.6em;
	-webkit-border-top-right-radius: 	.6em;
	border-top-right-radius: 			.6em;
}
.ui-corner-bottom {
	-moz--webkit-border-radius-bottomleft: 		.6em;
	-webkit-border-bottom-left-radius: 	.6em;
	border-bottom-left-radius: 			.6em;
	-moz--webkit-border-radius-bottomright: 	.6em;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: 		.6em;
}
/*===== /浮层样式 =====*/

/*===== 浮层动画 =====*/
.pop {
	-webkit-transform-origin: 50% 50%;
}

.pop.in {
	-webkit-transform: scale(1);
	opacity: 1;
	-webkit-animation-name: popin;
	z-index: 1000;
}

.pop.out.reverse {
	-webkit-transform: scale(.2);
	opacity: 0;
	-webkit-animation-name: popout;
	z-index: 10;
}

.pop.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}

@-webkit-keyframes popin {
	from {
		-webkit-transform: scale(.2);
		opacity: 0;
	}
	to {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes popout {
	from {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(.2);
		opacity: 0;
	}
}

@-webkit-keyframes dontmove {
	from { opacity: 1; }
	to { opacity: 1; }
}
